<template>
	<view class="page">
		<!-- 头部 start -->
		<view class="cu-custom bg-white   " :style="[{ height: CustomBar + 'px' }]">
			<view class="cu-bar bg-top fixed bg-white"
				:style="[{ height: CustomBar + 'px', paddingTop: StatusBar + 'px' }]">
				<view class="margin-left width-160 text-left" @tap="back"><text class="cuIcon-back"></text></view>
				<view class="">退款详情</view>
				<view class="right margin-right text-right width-160">
				</view>
			</view>
		</view>
		<!-- 头部 end -->
		<!-- 筛选 -->
		<!-- loading组件 -->
		<block >
			<!--商品列表 start-->
			<view class=" padding-lr-24 relative  margin-top-sm">
				<view class=" w100" >
					<view class=" padding-sm radius-16" >
						<view class="w100 padding-bottom solid-bottom">
							<view class="flex align-center">
								<view class="text-999 width-140 margin-right flex-shrink">退款数量</view>
								<view class="">{{cateLists.num}}</view>
							</view>
							<view class="flex align-center padding-top">
								<view class="text-999 width-140 margin-right flex-shrink">退款原因</view>
								<view class="">{{cateLists.refund_reason}}</view>
							</view>
							<view class="flex align-center    padding-top ">
								<view class="text-999  width-140 margin-right flex-shrink">退款金额 </view>
								<text class="text-prices">￥{{cateLists.refund_money}}</text>
							</view>
							<view class="flex align-center padding-top">
								<view class="text-999 width-140 margin-right flex-shrink">退款编号</view>
								<view class="">{{cateLists.server_no}}</view>
							</view>
							<view class="flex align-center padding-top">
								<view class="text-999 width-140 margin-right flex-shrink">退款时间</view>
								<view class="">{{cateLists.create_time}}</view>
							</view>
						</view>
						<view class="padding-top">
							<view class="text-999 width-140 margin-right flex-shrink">退款说明</view>
							<view class="margin-top-sm">{{cateLists.refund_content}}</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		

		<!-- 断网检测组件 -->
		<fu-notwork></fu-notwork>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cateLists: [],
				isShowCate: false,
				cateName: '',
				isOpen: false,
				type: '', //弹框类型
				addType: '', //添加类型 child 子类
				editType: '', //添加类型 child 子类
				isShowLoading: false,
				refund_id:'',//

			};
		},
		onLoad(e) {
			this.refund_id=e.id
			this.pageType = e.pageType
			this.getCate()
		},
		onShow() {

		},
		onUnload() {

		},
		onHide() {
			let data = {}
			if (this.pageType == 'goods') {
				uni.$emit('goodsInfo', data)
			} else {
				uni.$emit('packInfo', data)
			}
		},
		methods: {
			back() {
				uni.navigateBack()
			},
		
		
			
			getCate() {
				this.$api
					.post('/v1/63e19bef63448', {
						id:this.refund_id
					})
					.then(res => {
						if (res.data.code == 1) {
							this.cateLists = res.data.data
							console.log(res.data.data,'res.data.data');
						} else {
							this.$message.error(res.data.msg);
						}
					})
					.catch(err => {
						this.isShowLoading = false;
					});
			},
		},

	}
</script>

<style>
	page{
		height: 100vh;
		background: #fff;
	}
	.hiddenBox {
		position: absolute;
		top: 62rpx;
		right: 0;
		width: 160rpx;
		z-index: 199;
	}

	.hiddenText {
		position: absolute;
		top: 62rpx;
		right: 0;
		width: 160rpx;
		z-index: 299;
	}
</style>
